#center #content {
	clear:left
}

#center #content ul {
	float:left;
	list-style:none;
	margin:40px 0 20px;
	padding:5px 5px 5px 16px
}

#center #content ul li {
	background:rgba(0,0,0,0.2);
	border-radius:7px;
	float:left;
	height:210px;
	margin:0 25px 45px;
	width:205px
}

#center #content ul li {
	background:0;
}

.face {
	font-size:16px;
	//text-shadow:0 1px 1px #470048;
	text-align:center;
}

.face.back {
	display:none;
	color:#ffffff;
}

.flipcard {
	transform-style:preserve-3d;
	transition:all 400ms linear;
	height:100%;
	width:100%;
}

#content li.flipcard_container {
	perspective:1000px;
}

#content li.flipcard_container:hover .flipcard {
	transform:rotateY(180deg);
}

#content .face {
	background:rgba(0,0,0,0.2) 240px 182px no-repeat;
	border-radius:7px;
	position:absolute;
	width:100%;height:100%;
	backface-visibility:hidden;
}

#content .face.back {
	background:rgba(0,0,0,0.5);
	display:block;
	transform:rotateY(180deg);
	box-sizing:border-box;
	//padding:40px 10px 10px;
	text-align:center;
	color: #ffffff;
}

#content .face.back h4{
	padding:0 12px;
	
}